@import "color";

.console-sidebar {
  width: 200px;
  height: 100%;
  background-color: #232836;

  .sidebar-menu {
    margin-top: 50px;
  }

  .logo-box {
    width: 100%;
    height: 60px;
    background-color: $color-primary;
    text-align: center;

    .logo {
      display: inline-block;
      width: 180px;
      height: 35px;
      background: url("/images/logo_reverse.png") no-repeat;
      background-size: auto 35px;
      margin-top: 12.5px;

      &.logo-haier {
        background-image: url("/images/logo_haier_reverse.png");
      }
    }
  }

  .ant-menu-dark {
    background-color: #232836;
    .ant-menu-sub {
      background-color: #232836;
    }

    .ant-menu-item {
      > a > .anticon {
        color: $white;
      }
    }

    &.ant-menu-inline {
      .ant-menu-item-selected {
        background-color: transparent;

        > a {
          color: $white;
        }
      }
    }
  }
}
